// 内容头部
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.title {
    margin: 0;
    font-size: 24px;
}

// 分页 
.pagination-container {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
    // justify-content: center;
}


// TemplateCardList 公共组件
.template-list {
    .card-content {
        height: 500px;
        flex: 1;
    }

    .template-name {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
        color: var(--text-color);
    }

    .template-img-box {
        width: 100%;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 0;
    }

    .template-img {
        height: 100%;
        border-radius: 7px;
    }

    .template-desc {
        flex: 1;
        color: #5e6d82;
        background-color: var(--desc-bg);
        font-size: 14px;
        line-height: 1.6;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .template-info {
        display: flex;
        justify-content: space-between;
        font-size: 13px;
        color: #909399;
        margin-bottom: 15px;
        background-color: #f5f7fa;
        padding: 8px 12px;
        border-radius: 4px;

        span {
            display: flex;
            align-items: center;
            gap: 5px;

            .el-icon {
                font-size: 14px;
                color: #409EFF;
            }
        }
    }

    .template-actions {
        flex-shrink: 0;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

}
.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}